body {
	background: #000;
	color: #DDD;
	font-family: 'Helvetica', 'Lucida Grande', 'Arial', sans-serif;
	background-image:url("/resources/images/star.jpg");
	background-repeat:no-repeat;
	background-size:100% auto;
	overflow:hidden;
}

.border,.rain {
	height: 200px;
	width: 320px;
}

.rain {
	padding: 11px 12px 12px 10px;
	-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 1) inset, -9px -9px 8px rgba(0, 0, 0, 1) inset;
	-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 1) inset, -9px -9px 8px rgba(0, 0, 0, 1) inset;
	box-shadow: 8px 8px 8px rgba(0, 0, 0, 1) inset, -9px -9px 8px rgba(0, 0, 0, 1) inset;
	margin:auto;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius:10px;
}

.border {
	padding: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.border,.rain{
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: 0 0, 0 0, 0 0, 0 0;
	background-image: -moz-linear-gradient(left, rgba(9,186,94,0.5) 0%, rgba(0,199,206,0.5) 15%, rgba(52,114,207,0.5) 26%, rgba(0,199,206,0.5) 48%, rgba(12,207,145,0.5) 91%, rgba(9,186,94,0.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(0, 0,
		0, .3) ), color-stop(23%, rgba(0, 0, 0, .1) ),
		color-stop(40%, rgba(255, 231, 87, .1) ),
		color-stop(61%, rgba(255, 231, 87, .2) ),
		color-stop(70%, rgba(255, 231, 87, .1) ),
		color-stop(80%, rgba(0, 0, 0, .1) ),
		color-stop(100%, rgba(0, 0, 0, .25) ) );
	background-color: #39f;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BA1B',endColorstr='#00BA1B', GradientType=1);
}

/* .border.end,.rain.end {
	-moz-transition-property: background-position;
	-moz-transition-duration: 30s;
	-moz-transition-timing-function: linear;
	-webkit-transition-property: background-position;
	-webkit-transition-duration: 30s;
	-webkit-transition-timing-function: linear;
	-o-transition-property: background-position;
	-o-transition-duration: 30s;
	-o-transition-timing-function: linear;
	transition-property: background-position;
	transition-duration: 30s;
	transition-timing-function: linear;
	background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;
} */

@-webkit-keyframes colors { 
	0%   {background-color:#39f;}
	15%  {background-color:#F246C9;}
	30%  {background-color:#4453F2;}
	45%  {background-color:#44F262;}
	60%  {background-color:#F257D4;}
	75%  {background-color:#EDF255;}
	90%  {background-color:#F20006;}
	100% {background-color:#39f;background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;}
}
@keyframes colors { 
	0%   {background-color:#39f;}
	15%  {background-color:#F246C9;}
	30%  {background-color:#4453F2;}
	45%  {background-color:#44F262;}
	60%  {background-color:#F257D4;}
	75%  {background-color:#EDF255;}
	90%  {background-color:#F20006;}
	100% {background-color:#39f;background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;}
}
@-moz-keyframes colors { 
	0% {background-color:#39f;}
	15% {background-color:#F246C9;}
	30% {background-color:#4453F2;}
	45% {background-color:#44F262;}
	60% {background-color:#F257D4;}
	75% {background-color:#EDF255;}
	90% {background-color:#F20006;}
	100% {background-color:#39f;background-position: -5400px 0, -4600px 0, -3800px 0, -3000px 0;}
}
.border,.rain {
	-webkit-animation-direction: normal;
	-webkit-animation-duration: 30s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: colors;
	-webkit-animation-timing-function: linear;
	-moz-animation-direction: normal;
	-moz-animation-duration: 30s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-name: colors;
	-moz-animation-timing-function: linear;
	animation-direction: normal;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-name: colors;
	animation-timing-function: linear;
}

.border.unfocus {
	background: #333 !important;
	-moz-box-shadow: 0px 0px 15px rgba(255, 255, 255, .2);
	-webkit-box-shadow: 0px 0px 15px rgba(255, 255, 255, .2);
	box-shadow: 0px 0px 15px rgba(255, 255, 255, .2);
	-webkit-animation-name: none;
}

.rain.unfocus {
	background: #000 !important;
	-webkit-animation-name: none;
}

form {
	background: #212121;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 100%;
	width: 100%;
	background: -moz-radial-gradient(50% 46% 90deg, circle closest-corner, #242424,#090909);
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 150, from(#242424),to(#090909) );
}

form label {
	display: block;
	padding: 10px 10px 5px 15px;
	font-size: 11px;
	color: #777;
}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #111 inset;color: #444;}
form input {
	display: block;
	margin: 5px 10px 10px 15px;
	width: 85%;
	background: #111;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
	outline: 1px solid #333;
	border: 1px solid #000;
	padding: 5px;
	color: #444;
	font-size: 16px;
	outline:none;
    -webkit-appearance:none;
}

form input:focus {
	outline: 1px solid #555;
	color: #FFF;
}

input[type="button"] {
	color: #999;
	padding: 5px 10px;
	border: none;
	font-weight: lighter;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #45484d;
	background: -moz-linear-gradient(top, #222 0%, #111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222),color-stop(100%, #111) );
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#22222',endColorstr='#11111', GradientType=0 );
	outline:none;
	width:100px;
	position:absolute;
	right:20px;
}
input[type="submit"] {
	color: #999;
	padding: 5px 10px;
	border: none;
	font-weight: lighter;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #45484d;
	background: -moz-linear-gradient(top, #222 0%, #111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222),color-stop(100%, #111) );
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#22222',endColorstr='#11111', GradientType=0 );
	outline:none;
	width:100px;
	position:absolute;
	left:15px;
}